/*第十二章：事件基础   */
window.onload=function(){
    //事件在script标签中调用
    enventInScript();
    //统计输入文本框内字符的个数
    inputCharaterNum();
}
    //事件在script标签中调用
function enventInScript(){
    var oBtn1=document.getElementById("btn1");
    //事件写在script中，好即事件为onclick
    oBtn1.onclick=function(){
        alert("onclick 事件是在<script>中的");
    }  

};
//此函数是为了在元素中来调用的 
function eventInAttri(){
    alert("onclick 事件在元素属性上的，此属性也称为事件属性");
}
//通过改变属性不同事件，体会并识记事件
function mouseEventsReturn(params) {
    alert("知道刚触发是什么事件吗？");
}

//统计输入文本框内字符的个数
function inputCharaterNum(){
    var oInputCharator=document.getElementById("inputCharator");
    var oNum=document.getElementById("num");
    oInputCharator.onkeyup=function(){
        //length是字符串特别属性，value.value.length提示错误
        var str=oInputCharator.value;
        oNum.innerHTML=str.length;
    }
}